@extends('layouts.app')
@include('personnel.sidebar')
@section('content')
    <div class="content">
        <a class="btn btn-info btn-sm" href="{{ redirect()->back()->getTargetUrl() }}"> 返回 </a>
        <br />
        <br />
        {!! form($form) !!}
    </div>
@endsection
@push("stylesheets")
    <style>
        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            color: gray;
        }
    </style>
@endpush
@push('scripts')
<script>
    $('#shop_id.select2').select2({
        width: "500px",
    });

    // 按照客户要求, 修改表单样式
    // 表单通过后台生成, 所以通过js调整样式
    var _form_type = "{{isset($flag) ? $flag : ''}}";
    if (_form_type == 'personnel') {
        $('.content').find('form').addClass('form-inline')
        $('.content').find('form').find('label').attr('style', 'width:120px;text-align:center')
        $('.form-group').attr('style', 'margin:10px 0px;')
        
        $('[for="username"]').parent().after('<br>');
        $('[for="name"]').parent().after('<br>');
        $('[for="is_merchant_staff"]').parent().after('<br>');
        $('[for="shop_id[]"]').parent().after('<br>');
        $('.role-group').find('label').attr('style', 'text-align:left;margin-right:50px')
        $('.btn-success').before('<br>')
    }

    /**
     * 添加
     */
    $('#shop_id').parents('.form-group').addClass('hide');
    $("[data-value='商家职员']").addClass('hide');

    $('#is_merchant_staff').change(function(){
        $('.role-group input').prop('checked', false)
        if ($(this).val() == 1) {
            // 商家职员
            $('#shop_id').parents('.form-group').removeClass('hide');
            $('.role-group').addClass('hide')
            $("[data-value='商家职员']").removeClass('hide');
            $("[data-value='商家职员']").find('input').prop('checked', true);
        }else{
            // 非商家职员
            $('.role-group').removeClass('hide')
            $('#shop_id').parents('.form-group').addClass('hide');
            $("[data-value='商家职员']").addClass('hide');
        }
    })

    /**
     * 修改
     */
    if ($('#is_merchant_staff').val() == 1) {
        // 商家职员
        $('#shop_id').parents('.form-group').removeClass('hide');
        $('.role-group').addClass('hide')
        $("[data-value='商家职员']").removeClass('hide');
    }else{
        // 非商家职员
        // 非商家职员
        $('.role-group').removeClass('hide')
        $('#shop_id').parents('.form-group').addClass('hide');
        $("[data-value='商家职员']").addClass('hide');
    }
</script>
@endpush
